<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery Mobile Web 应用程序</title>

    <!-- css -->
    <link href="css/jquery.mobile-1.4.0.min.css" rel="stylesheet" type="text/css"/>
    <link href="css/jquery.mobile.datepicker.css" rel="stylesheet" type="text/css"/>
    <link href="css/my.css" rel="stylesheet" type="text/css"/>
    <link href="css/myScroll.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/jquery.toastmessage.css" rel="stylesheet" type="text/css">
    <link href="css/myDate.css" rel="stylesheet" type="text/css"/>

    <!-- js -->
    <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="js/jquery.mobile-1.4.0.min.js" type="text/javascript"></script>
    <script src="js/jquery.mobile.datepicker.js" type="text/javascript"></script>
    <script src="js/jquery.ui.datepicker.js" type="text/javascript"></script>
    <script src="js/jquery.ui.datepicker-zh-CN.js" type="text/javascript"></script>
    <script src="js/jquery.toastmessage.js" type="text/javascript"></script>
    <script src="js/iscroll.js" type="text/javascript"></script>
    <script src="js/myDate.js" type="text/javascript"></script>
    <script src="js/myDateFlip.js" type="text/javascript"></script>
    <script src="js/myDatei18n.js" type="text/javascript"></script>

    <script src="js/constant.js" type="text/javascript"></script>
    <script src="js/department.js" type="text/javascript"></script>
    <script src="js/swcx.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function () {
            getSwcxData();
        });

        //        initSwType();
        //        initSwLevel();
    </script>
</head>
<body>
<!-- 三违查询1 -- 查询结果页面 -->
<div data-role="page" id="swcx1" data-add-back-btn="true">
    <div data-role="header" data-theme="b" style="height: 3.5em">
        <a href="index2.html" data-ajax="false" data-role="button" class="ui-btn-left" data-icon="arrow-l"
           data-iconpos="notext"></a>

        <h1 style="font-size: large">三违查询</h1>

        <a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-btn-icon-left ui-icon-search"
           onclick="gotoQuery()">查询</a>
    </div>

    <div data-role="content">
        <div id="summaryWrapper" class="wrapper">
            <div id="summaryScroller" class="scroller">
                <div id="summaryPullDown" class="pullDown">
                    <span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span>
                </div>

                <table id="swcx-result" data-role="table" data-mode="columntoggle" class="ui-responsive table-stroke">
                    <thead>
                    <tr>
                        <!-- 如果列比较多，屏幕比较窄 则会优先显示 data-priority = "1"的  数越小优先级越高 -->
                        <th data-priority="1">责任单位</th>
                        <th data-priority="0">责任部门</th>
                        <th data-priority="0">三违人员</th>
                        <th data-priority="0">排查时间</th>
                        <th data-priority="1">三违级别</th>
                    </tr>
                    </thead>

                    <tbody>
                    </tbody>
                </table>

                <div id="summaryPullUp" class="pullUp">
                    <span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载更多...</span>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 三违查询2 -- 录入参数页面 -->
<div data-role="page" id="swcx2" data-add-back-btn="true">
    <div data-role="header" data-theme="b" style="height: 3.5em">
        <a href="index2.html" data-ajax="false" data-role="button" class="ui-btn-left" data-icon="arrow-l"
           data-iconpos="notext"></a>

        <h1 style="font-size: large">三违查询</h1>
    </div>

    <div data-role="content">
        <label for="startDate">开始日期:</label>
        <input id="startDate" type="text" data-role="datebox"
               data-options='{"mode": "flipbox", "useButton": true}' data-mini="true">

        <label for="endDate">结束日期:</label>
        <input id="endDate" type="text" data-role="datebox"
               data-options='{"mode": "flipbox", "useButton": true}' data-mini="true">

        <span style="color: red">*默认查询当月三违信息</span>

        <br>
        部门:
        <a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-mini"
           onclick="initDept()">选择部门</a>
        <span id="deptNumber" style="display: none"></span>
        <span id="deptName"></span>

        <br>
        <span style="color: red">*默认查询本单位三违信息</span>

        <label for="name">姓名:</label>
        <input id="name" type="text" data-mini="true">

        <label for="type">类型:</label>
        <select id="type" data-native-menu="false" data-mini="true"></select>

        <label for="level">性质:</label>
        <select id="level" data-native-menu="false" data-mini="true"></select>

        <br>
        <a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-btn-icon-left ui-icon-search"
           onclick="getSwcxData()">查询</a>

    </div>
</div>


<div data-role="page" id="dept-filter" data-close-btn="right">
    <div data-role="header" data-theme="b">
        <h1>组织机构</h1>
    </div>

    <div data-role="content">
        <select id="dept-1" data-mini="true" data-native-menu="false" onchange="selectDept(this)"></select>

        <div id="dynamic">

        </div>


        <a class="ui-shadow ui-btn ui-mini"
           onclick="returndept()">确定</a>
    </div>
</div>
</body>
</html>